<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<style type="text/css">
			*{
				font-size:30px;
			}
			i{
				opacity: 0;	
				font-size: 14px;
			}
		</style>
		
		
		<script type="text/javascript">
			
			
			/********************************************
			 * 代码输出以下字符
				******
				******
				******
				******
			**************************************************/
			for(var i=0;i<4;i++){
				for(var j=0;j<4;j++){
					document.write("*");
				}
				document.write("<br/>");
			}
			
			document.write("<hr/>");
			
			
			/**************************************************
			 * 代码输出以下字符
				1*
				2**
				3***
				4****
				5*****
			********************************************************/
			for(var i=0;i<5;i++){
				for(var j=0;j<=i;j++){
					document.write("*");
				}
				document.write("<br/>");
			}
			
			document.write("<hr/>");
			
			/********************************************************
			 * 代码输出以下字符
				    *0    5 - 1 = 4
				   **1    5 - 2 = 3
				  ***2    5 - 3 = 2
				 ****3
				*****4
			**************************************************************/
			for(var i=0;i<5;i++){
				for(var j=5;j>=0;j--){
					j<=i ? document.write("*") : document.write("<i>@</i>");
					
				}
				document.write("<br/>");
			}
			
			
			document.write("<hr/>");
			
			
			/********************************************************
			 * 代码输出以下字符
				5*****
				4****
				3***
				2**
				1*
			********************************************************/
			for(var i=5;i>=0;i--){
				for(var j=0;j<i;j++){
					document.write("*");
				}
				document.write("<br/>");
			}
			document.write("<hr/>");
			
			/**************************************************************
			 * 代码输出以下字符
				*****5
				 ****4
				  ***3
				   **2
				    *1
			**************************************************************/
			for(var i=5;i>=1;i--){
				for(var j=5;j>=1;j--){
					j<=i ? document.write("*") : document.write("<i>@</i>");
					
				}
				document.write("<br/>");
			}
			
			document.write("<hr/>");
			
			
			
			/**************************************************************
			 * 代码输出以下字符
				    *				0		 2n-1
				   * *				1		 2*1-1 =1
				  *   *				2         2*2-1 = 3
				 *     *				3		2*3-1   =  5
				*********			4		输出9个星星	
			**************************************************************/
			/**
			 * 思路
			 * 1.找到这个三角形的中轴
			 * 2.每一行出现星星的位置，刚好是中轴位置 + - 行号
			 * 3.最后一行输出整行星星
			 */
			for(var i=0;i<=4;i++){
				for(var j=1;j<=9;j++){
					if((j==5+i||j==5-i) || i==4){//凡是中轴+-当前行号，和最后一行星星
						document.write("*");
					}else{
						document.write("<i>@</i>");
					}
				}
				document.write("<br/>");
			}
			
			document.write("<hr/>");
			
			/**************************************************************
			【提高题】实现空心菱形
				    *			0	
				   * *			1	
				  *   *			2	
				 *     *			3	
				*       *		4	
				 *     *			5	
				  *   *			6	
				   * *			7
				    *			8			
			**************************************************************/
			for(var i=0;i<=8;i++){
				for(var j=1;j<=9;j++){
					if(i<=4){
						if((j==5+i||j==5-i)){//凡是中轴+-当前行号
							document.write("*");
						}else{
							document.write("<i>@</i>");
						}
					}else{
						if((j==5+(8-i)||j==5-(8-i))){//凡是中轴+-当前行号
							document.write("*");
						}else{
							document.write("<i>@</i>");
						}
					}
					
				}
				document.write("<br/>");
			}
		</script>
	</body>
</html>
